
.progress_bar_box {
    height: 40px;
    width: 1200px;
    margin: 40px 0;
    text-align: center;
    margin-left: 300px;
}


.step {
    float: left;
    width: 25%;
    /* margin-left: 80px; */
}

.step-num {
    background-color: #f03d37;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 10px;
    text-align: center;
    /* background-color: #ffd8d7; */
    position: relative;
    top: 10px;
}

.bar {
    border-color: #f03d37;
    /* border-left-color: transparent !important; */
    width: 0;
    height: 4px;
    /* border-left: 150px solid #ffd8d7;
    border-right: 150px solid #ffd8d7; */
}

.step-text {
    color: #f03d37;

    font-size: 14px;

    display: inline-block;
    margin-top: 10px;
}

.first_bar {
    /* border-left: 0; */
    margin-left: 150px;
    border-right: 150px solid #f03d37;
}

.secont_bar {
    /* margin-left: 150px; */
    border-left: 150px solid #f03d37;
    border-right: 150px solid #f03d37;
}

.third_bar {
    border-left: 150px solid #ffd8d7;
}
.verify{
    width: 350px;
    height: 30px;
    margin-left: 420px;
    margin-top: 50px;
    /*border-bottom: 1px solid #B9B9B9;*/
}
.verify p{
    display: block;
    padding-top: 10px;
    font-size: 17px;
    color: #6C6C6C;
}
.verify img{
    width: 21px;
    height: 21px;
    margin-top: -2px;
}
.phone-div{
    width: 350px !important;
    height: 50px;
    margin-left: 475px;
    margin-top: 25px;
    /*border: 1px solid green;*/
}
.number-div{
    height: 30px;
    width: 150px!important;
    /*border: 1px solid orangered;*/
}
.number-div span{
    font-size: 15px;
    display: block;
    margin-top: 15px!important;
    color: #6C6C6C;
}
.phoneNumber-div{
    height: 50px;
    width: 220px!important;
    margin-left: -70px;
    /*border: 1px solid #DDDDDD;*/
}
.phoneNumber-div input{
    width: 200px !important;
    height: 35px;
    font-size: 14px;
    text-align: left;
    margin-top: 5px;
    border:1px solid #DDDDDD;
}
.verify-div{
    height: 40px;
    width: 400px;
    margin-left:  475px;
    margin-top: 15px;
    /*border: 1px solid purple;*/
}
.verifyNumber-div{
    width: 70px !important;
    height: 40px;
    /*border: 1px solid green;*/
}
.verifyNumber-div span{
    font-size: 15px;
    display: block;
    margin-top: 8px!important;
    margin-left: 14px;
    color: #6C6C6C;
}
.please-div{
    width: 310px !important;
    height: 36px;
    margin-left: 10px;
    border: 1px solid #DDDDDD;
}
.please-div a{
    color: indianred;
    font-size: 13px;
    cursor: pointer;
}
.please-div a:hover{
    color: #DDDDDD;
}
#verify-input{
    width: 200px !important;
    height: 30px;
    text-align: left;
    font-size: 14px !important;
    margin-top: 1px;
    margin-right: 15px!important;
    border:1px solid white;
}

/*.get-div{*/
/*    width: 250px !important;*/
/*    height: 38px;*/
/*    margin-left: -15px;*/
/*    !*margin-top: 1px;*!*/
/*    border-radius: 3px;*/
/*    background-color: indianred;*/
/*    border: 1px solid whitesmoke;*/
/*    cursor: pointer;*/
/*}*/
/*.get-div span{*/
/*    color: whitesmoke;*/
/*    font-size: 13px;*/
/*    display: block;*/
/*    margin-top: 10px!important;*/
/*    margin-left: 72px;*/
/*}*/
.prompt{
    width: 500px !important;
    height: 15px;
    margin-left: 555px;
    /*border: 1px solid red;*/
    /* ~~~~~~~~~~~~点击发送短信的时候让他显示出来~~~~~~~~~~~~~~*/
    display: none!important;
}
.prompt img{
    height: 13px;
    width: 13px;
    margin-top: -2px;
}
.prompt p{
    font-size: 8px;
    color: #DDDDDD;
}
#btn-div{
    width: 70px !important;
    height: 30px;
    margin-left: 796px;
    margin-top: 10px;
    /*border: 1px solid green;*/
}
#btn-div button{
    width: 70px !important;
    height: 30px;
    background-color: indianred;
    border: 1px solid white;
    border-radius: 3px;
    cursor: pointer;
}
#btn-div button:hover{
    background-color: whitesmoke;
}
.letter-div{
    width: 620px !important;
    height: 160px;
    margin-left: 440px;
    margin-top: 45px;
    background-color: #FDFCF8;
    border: 2px solid #DDDDDD;
}
.verify-or h4{
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 10px;
}
.verify-cls{
    width: 580px;
    height: 30px;
    margin-left: 20px;
    border: 1px solid #FDFCF8;
}
.verify-cls p{
    font-size: 15px;
    margin-top: 8px;
    color: #737373;
}
.letter{
    font-size: 12px!important;
    display: block;
    margin-top: -18px;
    margin-left: 20px;
    color: #737373;
}
#out-span{
    width: 30px;
    height: 30px;
    margin-left: 1025px;
    /*border: 1px solid black;*/
    margin-top: 365px;
}
#out-span span{
    color: black;
    cursor: pointer;
}
#out-span span:hover{
    color: indianred;
}


